<template>
  <div>
    <x-header title="物流查询" :right-options="{showMore: false}" @on-click-more="show = false"></x-header> 
    <!-- <shop-cell :list="list" style="height:90px"></shop-cell> -->
    <!-- 物流信息 -->
     <div class="logisticsInfo">
          <timeline>
            <timeline-item v-for="(item , i) in logisticsData" :key="i">
                <h4 class="recent">{{item.arensData}}</h4>
                <p class="recent">{{item.timeData}}</p>
            </timeline-item>
        </timeline>
     </div>
  </div>
</template>



<style>
.logisticsInfo{
    background: #ffffff;
    /* padding-top: 1.25rem; */
}
.logisticsInfo p {
  color: #888;
  font-size: 0.8rem;
}
.logisticsInfo h4 {
  color: #666;
  font-weight: normal;
}
.logisticsInfo recent {
  color: rgb(4, 190, 2);
}
element.style {
    height: 10px!important;
}

</style>

<script>
import { XHeader, Timeline, TimelineItem } from "vux";
import ShopCell from "../../components/toolComponent/shopCell.vue";
import $ from "jquery";
export default {
  components: {
    ShopCell,
    XHeader,
    Timeline,
    TimelineItem
  },
  mounted: function() {
    this.$nextTick(function() {
      // 视频滚动区域高度
      var windowHeight = $(window).height();
      var headerHeight = $(".vux-header").outerHeight();
      $("#mylist").height(windowHeight - headerHeight);
    });
  },
  data() {
    return {
      count: 3,
      list: [
        {
          src: "http://placeholder.qiniudn.com/60x60/3cc51f/ffffff",
          title: "订单名",
          desc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。",
          url: "/component/cell"
        }
      ],
      logisticsData:[
          {
              arensData:"【广东】 广州市 已发出",
              timeData:"2016-04-17 14:00:00"
          },
          {
              arensData:"【广东】 广州市 已发出",
              timeData:"2016-04-17 12:00:00"
          },
          {
              arensData:"【广东】 广州市 已发出",
              timeData:"2016-04-17 12:00:00"
          },
          {
              arensData:"【广东】 广州市 已发出",
              timeData:"2016-04-17 12:00:00"
          },
      ]
    };
  }
};
</script>